<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./treeview.css" />
    <title>Treeview5</title>
  </head>
  <body>
    <ul id="myUL">
      <li>
        <span class="caret "><input type="checkbox" name="" id=""> Beverages</span>
        <ul class="nested">
          <li>Water</li>
          <li>Coffee</li>
          <li>
            <span class="caret">Tea</span>
            <ul class="nested">
              <li>Black Tea</li>
              <li>White Tea</li>
              <li>
                <span class="caret">Green Tea</span>
                <ul class="nested">
                  <li>A</li>
                  <li>王五</li>
                  <li>张三</li>
                  <li>李四</li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </li><li>
        <span class="caret ">Beverages</span>
        <ul class="nested">
          <li>Water</li>
          <li>Coffee</li>
          <li>
            <span class="caret"><span class="check">\U+2610</span> Tea</span>
            <ul class="nested">
              <li>Black Tea</li>
              <li>White Tea</li>
              <li>
                <span class="caret">Green Tea</span>
                <ul class="nested">
                  <li>A</li>
                  <li>王五</li>
                  <li>张三</li>
                  <li>李四</li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
    <script type="module" src="./index.js"></script>
  </body>
</html>
